<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<div style="position:fixed;z-index: 1;width: 100%;height: 30px;background-color: #c3c3c3;top: 0px;
text-align: right;line-height: 30px;">
    <a href="/">返回网站主页</a>
    <c:if test="${empty loginUser}">
    <a href="/client/login.html">登录</a>
    <a href="/client/register.html">注册</a>
    </c:if>
    <c:if test="${ not empty loginUser}">
        <a href="/client/user-center.html"> 欢迎您：【${loginUser.name}】</a>
        <a href="/user/logout?token=${token}"> 退出</a>
    </c:if>
    <span style="padding-right: 40px;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
</div>

<div class="header">
    <div class="menu-btn">
        <div class="menu"></div>
    </div>
    <h1 class="logo">
        <a href="/client/home.html">
            <span>MYBLOG</span>
            <img src="/static/client/img/logo.png">
        </a>
    </h1>
    <div class="nav">
        <a href="/user/index/${blogUser.centerpath}"  <c:if test="${pageName}=='index'"> class="active"</c:if>  >文章</a>
        <a href="/user/whisper/${blogUser.centerpath}"  <c:if test="${pageName}=='whisper'"> class="active"</c:if>  >微语</a>
        <a href="/user/leacots/${blogUser.centerpath}"   <c:if test="${pageName}=='leacots'"> class="active"</c:if>  >留言</a>
        <a href="/user/album/${blogUser.centerpath}"   <c:if test="${pageName}=='album'"> class="active"</c:if>  >相册</a>
        <a href="/user/about/${blogUser.centerpath}"   <c:if test="${pageName}=='about'"> class="active"</c:if> >关于</a>
    </div>
    <ul class="layui-nav header-down-nav">
        <li class="layui-nav-item"><a href="../index/${blogUser.centerpath}" <c:if
                test="${pageName}=='index'"> class="active"</c:if> >文章</a></li>
        <li class="layui-nav-item"><a href="../whisper/${blogUser.centerpath}" <c:if
                test="${pageName}=='whisper'"> class="active"</c:if>>微语</a></li>
        <li class="layui-nav-item"><a href="../leacots/${blogUser.centerpath}" <c:if
                test="${pageName}=='leacots'"> class="active"</c:if>>留言</a></li>
        <li class="layui-nav-item"><a href="../album/${blogUser.centerpath}" <c:if
                test="${pageName}=='album'"> class="active"</c:if>>相册</a></li>
        <li class="layui-nav-item"><a href="../about/${blogUser.centerpath}" <c:if test="${pageName}=='about'"> class="active"</c:if> >关于</a></li>
    </ul>
    <p class="welcome-text">
        欢迎来到<span class="name">${blogUser.name}</span>的博客~
    </p>
</div>